/* Scss Document */
.archives-hd{
	background-color:rgba(35,37,39,.9);
	height: 48px;
	width: 100%;
	position: relative;
	//background:url(../images/common/yy-bg_04.png) repeat; 
	position: absolute;
	left: 0;
	top:0;
	z-index: 100;
}
.arhd-list{
	@include fn-clearfix;
	text-align: right;
	padding: 12px 0 0;
	margin: 0;
	& li{
		display: inline-block;
		padding: 0 20px;
		border-right: 1px solid #ffffff;
		& a{
			display:block;
			height: 100%;
			width: 100%;
			color: #959595;
			font-size: 12px;
			@include fn-transition(all ease .6s);
			& i{
				position:relative;
				margin-right: 20px;
				width: 18px;
				height: 12px;
				display: inline-block;
				background: url(../images/subpage/jixie-icon_01.png) no-repeat;
//				@include fn-transition(all ease .6s);
			}
			& .nth1{
				background-position: -20px -20px;
			}
			& .nth2{
				background-position: -20px -62px;
			}
			& .nth3{
				background-position: -20px -104px;
			}
		}
		&:hover{
			& a{
				text-decoration: none;
//				color: #fff;
//				& .nth1{
//					background-position: -68px -20px;
//				}
//				& .nth2{
//					background-position: -68px -62px;
//				}
//				& .nth3{
//					background-position: -68px -104px;
//				}
			}
		}
	}
	.last{
		border-right: none;
	}
	.active{
		& a{
			color: #fff;
			& .nth1{
				background-position: -68px -20px;
			}
			& .nth2{
				background-position: -68px -62px;
			}
			& .nth3{
				background-position: -68px -104px;
			}
		}
	}
}
.archives-cont{
  position: relative;
}
.archives-art{
	color:#979797;
	font-size: 12px;
	line-height:24px;
	padding: 68px 38px 30px 18px;
	margin-top: 48px;
	background-color: #3B3D41;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	overflow-y: auto;
	& h4{
		font-size: 18px;
		margin: 0;
		padding: 10px 0;
	}
}
/*==========================================================================*/
.arc-video-box{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #767474;
}
.arc-picture{
	overflow: hidden;
//		height: 520px;
	.flexslider {
//		height: 520px;
		
		
		position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	}
	& .slides{
		& li{
			width:100%;
			height: 100%;
			display: block;
			position: relative;	
			background-color: #f5f5f5;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			& a{
				display:block;
				width: 100%;
				height: 100%;
			}
		}
	}
}

.arc-picture{
	& .swiper-button-prev {
			background: url(../images/common/right.png) no-repeat center center;
			position: absolute;
			right: 20px;
			top: 55%;
			margin-top: -35px;
			width: 30px;
			height: 70px;
			z-index: 999;
		  border-radius: 4px;
		  background-color: rgba(251,245,246,0.25);
		  cursor: pointer;
		&:hover{
			background-color: rgba(251,245,246,.5);
		}
	  }
	& .swiper-button-next {
    background: url(../images/common/left.png) no-repeat center center;
    position: absolute;
    left: 20px;
    top: 55%;
    margin-top: -35px;
    width: 30px;
    height: 70px;
    z-index: 999;
		background-color: rgba(251,245,246,0.25);
		border-radius: 4px;
		cursor: pointer;
		&:hover{
			background-color: rgba(251,245,246,.5);
		}
  }
	

} 


















